<template>
	<view class="container">
		<!-- #ifdef APP-PLUS -->
		<view class="bg_title"></view>
		<!-- #endif -->
		<view class="bg_title">
			<view class="back" @click="back()">
				<text class="iconfont icon-return"></text>
			</view>
			<view class="title">
				关于
			</view>
		</view>
		<view class="logo">
			<image src="../../../static/app/applogo.png" mode="widthFix"></image>
			<view class="vision">
				版本号 {{vision}}
			</view>
		</view>
		<view class="list_tab">
			<view class="list" v-for="(item,index) in tab_list">
				<view class="list_title">
					<view class="list_title_title">
						{{item.title}}
					</view>
					<view class="list_title_number">
						{{item.number}}
					</view>
				</view>
				<view class="list_icon">
					<text class="iconfont icon-enter"></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import api from '@/comon/api.js'
	export default {
		data(){
			return {
				vision:"",
				tab_list:[
					{
						title:"微购优选官网",
						number:"https://wwww.weigou.com"
					},
					{
						title:"微购优选官方邮箱",
						number:"weigou@163.com"
					},
					{
						title:"违法和不良信息举报电话",
						number:"weigou110"
					},
					{
						title:"微购优选品牌合作",
						number:"微购优选技术部"
						
					}
				]
			}
		},
		onLoad() {
			this.loadData()
		},
		methods:{
			async loadData(){
				// #ifdef APP-PLUS
				let that = this;
				plus.runtime.getProperty(plus.runtime.appid,async e => {
					that.vision = e.version;
				})
				// #endif
				// #ifndef APP-PLUS
				let res = await api.uniCloudApi(api.publicFun.obtain_system,{system_name:'app_vision'});
				this.vision = res[0].system_number;
				// #endif
			},
			back(){
				uni.navigateBack({})
			}
		}
	}
</script>

<style lang="scss">
	.logo{
		width: 100%;
		height: 500rpx;
		text-align: center;
		image{
			margin-top: 100rpx;
			width: 200rpx;
			height: 200rpx;
			border-radius: 15rpx;
		}
		.vision{
			color: #737373;
		}
	}
	.list_tab{
		width: 100%;
		.list{
			width: 94%;
			padding: 0 3%;
			display: flex;
			height: 100rpx;
			border-bottom: 1px solid #f5f5f5;
			.list_title{
				width: 50%;
				height: 100rpx;
				font-size: 31rpx;
				margin-top: 10rpx;
				.list_title_title,
				.list_title_number{
					height: 40rpx;
					line-height: 40rpx;
				}
				.list_title_number{
					color: #999999;
				}
			}
			.list_icon{
				width: 50%;
				text-align: right;
				line-height: 100rpx;
				color: #999999;
				font-size: 27rpx;
				.iconfont{
					font-size: 48rpx;
				}
			}
			&:active{
				background-color: #f5f5f5;
			}
		}
	}
</style>
